草庐IT

jQuery Mobile 网格

全部标签

javascript - 如何禁用网格中的元素

我有多个基于给定过滤器显示数据的网格(在使用RESTApi的Web应用程序中)。显示的数据结构总是相同的(为了简化问题),但是根据用户所在的屏幕,显示的结果是不同的。此外,这就是问题所在,必须禁用某些结果,这样用户就无法选择它们。示例:一个Foo有N个Bars。如果我想向父亲(foo)添加一个新的child(bar),我会转到搜索屏幕,但我希望过滤后的网格显示为已与父亲相关的已禁用child。目前,我通过执行特定联接来控制服务器(数据库查询)上的这个问题,具体取决于场景和“禁用”我不想要的结果。但是这种方法导致我无法重用查询(由于特定的连接。也许我需要搜索Barsint以便将它们与其他

javascript - 如何在 bootstrap modal 中将输入焦点设置为 kendo-ui 网格输入

在将我的kendo-ui网格移动到Bootstrap模式之前,我将单击“添加行”,然后将选择3个输入中的第一个。然后我会切换到第2个,然后切换到第3个,然后切换到复选框按钮,我将在其中按enter键并添加该行。然后焦点将返回到“添加行”按钮,我可以在其中按回车键重新开始流程。好吧,现在它在一个模式中,我失去了除了标签之外的一切。我找到了使用jquery来应用焦点的解决方案,但我的网格Controller中已经有了它。Kendo-ui网格Controller$scope.mainGridOptions={dataSource:dataSource,pageable:false,toolb

javascript - 使用 ExtJS 创建动态网格

我正在尝试制作一个动态网格类(我不知道有关列的任何信息,但它们是从json响应中给出的,并且网格会相应地做好准备)。Here我已经找到了我正在寻找的东西,但是它给了我一个错误:me.modelisundefinedme.setProxy(me.proxy||me.model.getProxy());ext-all-debug.js(line47323)我尝试同时添加代理和模型,但没有成功,我不断收到同样的错误。这是我正在处理的ExtJS代码://ExtJS4.1Ext.Loader.setConfig({enabled:true});Ext.Loader.setPath('Ext.ux

javascript - Handlebars.js 和 Bootstrap 网格 - 将列换行

我相信我需要一个自定义的Handlebars.jsBlockHelper来处理基于Bootstrap的网格系统中的行。我希望每3件元素都包装在中期望的输出.........模板:{{#employees}}{{name}}{{title}}{{skills}}{{/employees}}数据vardata={"employees":[{"name":"FredFlintstone","title":"FrontendDeveloper","skills":"html,css,javascript"},{"name":"SallyStruthers","title":"FrontendD

javascript - Extjs 4 网格鼠标悬停显示完整的单元格值

我有一个网格,其中一列中有一个长字符串。当用户将鼠标悬停在该列中的任何单元格上时,我希望显示完整的字符串。到目前为止,我的工作方式是针对此列中的任何单元格弹出工具提示,但它们不显示文本。工具提示总是只显示“图标提示”。如何让qtip显示变量val而不是字符串“IconTip”?Ext.define('AM.view.user.List',{extend:'Ext.grid.Panel',.......initComponent:function(){functionrenderTip(val,meta,rec,rowIndex,colIndex,store){meta.tdAttr='

javascript - 单击单元格时如何防止 extjs 网格滚动?

我目前正在基于可编辑网格示例将网格组件与Extjs4一起使用。我想要一个与每个单元格关联的链接,这样当我单击一个单元格时,它会将我带到另一个页面。但是,当点击链接时在页面上触发垂直滚动。例如尝试减小http://dev.sencha.com/deploy/ext-4.0.0/examples/grid/cell-editing.html的大小,第一次点击网格滚动页面,使网格居中,事件被吞没。您必须再次单击才能注册cellclick事件。这只发生在IE中(我使用的是版本8)。好消息是其他浏览器不会发生这种情况,这可能是一个错误吗?有没有办法阻止第一次滚动操作的发生?谢谢

javascript - kendo ui Angular 网格选择事件

我正在尝试在AngularJS中处理来自KendoUI网格的选择事件。我的代码已按以下方式运行。但是,感觉这是一种必须获取所选行的数据的非常讨厌的方式。特别是使用_data。有更好的方法吗?我的方法有误吗?$scope.onSelection=function(e){console.log(e.sender._data[0].id);} 最佳答案 请尝试以下操作:$scope.onSelection=function(kendoEvent){vargrid=kendoEvent.sender;varselectedData=grid

javascript - 如何使用 AngularJS 在 Kendo 网格列模板中使用函数

我在Kendo网格中有一个列,我想在渲染时执行一些特定的逻辑,并且我正在使用Angular。我使用k-columns指令设置了网格列。看了thedocumentation之后,这看起来很简单:我可以将模板选项添加到我的列中,定义函数来执行我的逻辑,然后将dataItem值传入。我所拥有的看起来像这样:k-columns='[{field:"Name",title:"Name",template:function(dataItem){//PerformlogiconvaluewithdataItem.Name//Returnastring}}]'但是,运行它会导致出现语法错误,提示在我的

javascript - React.js 和丰富的数据网格组件或至少破解 [2015]

之前,我们使用jqGrid.后来我们转移到Backbone.js,开始使用Backgrid.现在,我们正在评估将Backbone.Views移动到React组件,我们找不到任何提到的丰富的网格插件/附加组件。基本上,我们需要您可能想象的一切,选择、过滤、分页、编辑、排序、子网格...开箱即用:)我知道我们可以制作自己的表格组件,添加排序和其他东西,但就是这样对我们来说太多的工作。我们更希望有一些“重用”:)我在Google上遗漏了一些网格组件吗?或是否有一些(令人讨厌的)方法可以将一些旧的DOM依赖项、jquery、backbone.js与React一起使用?

javascript - 隐藏 ExtJS 网格列标题

我知道我可以使用代码隐藏网格列标题。#gridid.x-grid3-hd-row{display:none;}但我不想使用任何CSS更改。如何使用JavaScript执行相同的操作? 最佳答案 您可以通过将其添加到Ext.grid.GridPanel中轻松地做到这一点:hideHeaders:true 关于javascript-隐藏ExtJS网格列标题,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/